<template>
    <van-tabbar v-model="active">
        <van-tabbar-item icon="balance-pay" @click="toTopUpWallet" >充值优惠</van-tabbar-item>
        <van-tabbar-item icon="point-gift-o" @click="toStandTreat">我要请客</van-tabbar-item>
        <van-tabbar-item icon="bill-o" @click="toRedPacket">发送红包</van-tabbar-item>
    </van-tabbar>
</template>
<script setup>
import { ref, reactive } from 'vue';
import { useRouter } from 'vue-router';
const router = useRouter()
//下面三个footer的索引
const active = ref(0);
//充值优惠
const toTopUpWallet = ()=>{
    router.push('/topupwallet')
}
//我要请客
const toStandTreat = () => {
    router.push('/standtreat')
}
//发送红包
const toRedPacket = ()=>{
    router.push('/redpacket')
}
</script>

<style scoped>

</style>
